<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
ul{
margin:0px;
}
li{
display:inline-block;
border:1px solid black;
margin:-3px;
padding:0px;
width:200px;
}
#one #two #three #four #five{
list-style:none;
padding:0px;
}
</style>
<script>
function checkAll(){
var status=c.checked;
var items=document.getElementsByName("item");
for(var i=0;i<items.length;i++){
items[i].checked=status;
}

</script>
<head>
<body>
<ul id="one">
<li>选中</li>
<li>编号</li>
<li>姓名</li>
</ul>
<ul id="two">
<li><input type="checkbox" onclick="checkAll()"/></li>
<li>1</li>
<li>李白</li>
</ul>
<hr/>
<ul id="three">
<li>编号</li>
<li><input type="text" name="id"/></li>

</ul>
<ul id="four">
<li>姓名</li>
<li><input type="text" name="name"/></li>

</ul>
<ul id="five">
<li><input type="reset" value="重置"/></li>
<li><input type="button" value="添加" onclick="add()"/>
<input type="button" value="全部删除" onclick="delete()"/></li>
</ul>
</body>
</html>